html, body { font-size: 12px; margin: 0; padding: 0; min-width: 1400px; background-color: #fff; position: relative; min-height: 100%; }
body { padding: 0; margin: 0; min-height: 100%; background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Microsoft Yahei", "Helvetica Neue", STHeiti, Tahoma, Simsun, Arial, Helvetica, Sans-serif; }
    body.lang-en { font-family: Arial, sans-serif !important; }

@media (min-width: 768px) {
    html { font-size: 16px; }
}

.full-slide { width: 100%; }
.fullSlide { position: relative; margin: 0 auto; }
    .fullSlide * { zoom: 1 }
    .fullSlide ul { list-style: none; padding: 0; margin: 0; }
    .fullSlide .bd { position: relative; z-index: 0; }
        .fullSlide .bd li img { width: 100%; vertical-align: top; }
    .fullSlide .hd { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 1; height: 30px; line-height: 30px; text-align: center; }
        .fullSlide .hd ul { display: flex; margin: 0 auto; }
            .fullSlide .hd ul li { cursor: pointer; width: 16px; height: 16px; margin: 0 10px; border: 1px solid #fff; border-radius: 50%; overflow: hidden; font-size: 0; }
            .fullSlide .hd ul .on { background-color: #fff; }

    .fullSlide .prev, .fullSlide .next { z-index: 1; display: block; width: 100px; height: 100%; position: absolute; left: 50px; top: 0; background: url(prev.png) left center no-repeat; filter: alpha(opacity=40); opacity: 0.4 }
    .fullSlide .next { background: url(next.png) right center no-repeat; left: auto; right: 50px; }
        .fullSlide .prev:hover, .fullSlide .next:hover { filter: alpha(opacity=80); opacity: 0.8 }

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; line-height: 0; text-align: center; }
    #jquery-lightbox a img { border: none; }
    #lightbox-container-image-box { position: relative; width: 250px; height: 250px; margin: 0 auto; border-radius: 5px 5px 0 0; background-color: #fff; }
    #lightbox-container-image { padding: 10px; }
        #lightbox-image { width:100%; height:100%; }
        #lightbox-loading { position: absolute; top: 40%; left: 0%; width: 100%; height: 25%; line-height: 0; text-align: center; }
    #lightbox-nav { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; }
    #lightbox-container-image-box > #lightbox-nav { left: 0; }
    #lightbox-nav a { outline: none; }
    #lightbox-nav-btnPrev,
    #lightbox-nav-btnNext { display: block; width: 49%; height: 100%; zoom: 1; }
    #lightbox-nav-btnPrev { left: 0; float: left; }
    #lightbox-nav-btnNext { right: 0; float: right; }
    #lightbox-container-image-data-box { overflow: auto; width: 100%; margin: 0 auto; padding: 0 10px 0; border-radius: 0 0 5px 5px; background-color: #fff; font: 12px/1.5em Verdana,'\5b8b\4f53',sans-serif; }
    #lightbox-container-image-data { padding: 0 10px; color: #666; }
        #lightbox-container-image-data #lightbox-image-details { float: left; width: 70%; text-align: left; }
    #lightbox-image-details-caption { font-weight: bold; }
    #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; color: #999; }
    #lightbox-secNav-btnClose { float: right; width: 30px; padding-bottom: 0.7em; }

.page-num { padding: 5px 0; font-size: 14px; text-align: center }
    .page-num a { line-height: 22px; color: #09f; padding: 3px 8px; margin: 0 5px; text-decoration: none; background-color: #f2f2f2; }
        .page-num a:hover { color: #f50 }
    .page-num span { color: #999; padding: 3px 8px; margin: 0 5px; background-color: #f2f2f2; }
    .page-num .PageNum-Current { color: #fff; padding: 3px 8px; background-color: #f50; }

.header-welcome{ background-color:#222; width:100%; }
.header-welcome-main { width: 1000px; margin: 0 auto; display:flex; }
.header-welcome-text { color: #999; flex: 1; line-height: 30px; font-size:12px; }
.header-welcome-link{ height:30px; overflow:hidden; }

.header-body { background-color:#f2f2f2; border-bottom:1px solid #ccc; }
.header-body-main{ width:1000px; margin:0 auto; }
.header-nav { display:flex; width:100%; }
.header-nav-box {  flex:1; display:flex; }
.header-nav-item { height:36px; border:1px solid #ccc; border-bottom-width:0; flex:1; max-width:180px; margin-right:6px; background-color:#fff; display:flex; justify-content:center; align-items:center; }
    .header-nav-item a{ color:#222; text-decoration:none; }
    .header-nav-item a i { display: inline-block; height: 0px; width: 0px; border: 4px solid #fff; border-left: 4px solid #222; margin-right:2px; }
    .header-nav-item .current,.header-nav-item a:hover { color: #f50; }
        .header-nav-item .current i, .header-nav-item a:hover i { border-left-color: #f50; }


.header-nav-search { height: 36px; border: 1px solid #ccc; border-bottom-width: 0; background-color: #fff; display: flex; justify-content: center; align-items: center; padding:0 10px; }
    .header-nav-search form{ display:flex; justify-content:center; }
.header-search-key { box-sizing: border-box; border: 1px solid #666; border-right: 0 none; height: 22px; font-size: 12px; }
.header-search-btn { box-sizing: border-box; border: 1px solid #666; height: 22px; font-size: 12px; background-color: #f2f2f2; }
.header-line{ height:6px; border-bottom:4px solid #ccc; }

footer { border-top: 4px solid #ccc; }
    footer a:hover { color:#f50; text-decoration:underline; }
    footer .footer-top-box { height: 4px; border-bottom: 1px solid #ccc; }
    footer .footer-copyright { width: 1000px; margin: 0 auto; padding:10px 0; }

.home-cate-item{ border-bottom:1px solid #ddd; padding-left:10px; display:flex; height:36px; overflow:hidden; }
    .home-cate-item div { height: 36px; line-height: 36px; font-size: 14px; color: #222; padding: 0 60px; background-color: #eee; border-top: 1px solid #ddd; border-right: 1px solid #ddd; cursor:pointer; }
    .home-cate-item div:first-child { border-left: 1px solid #ddd; }

    .home-cate-item .cur { margin: 0 0 -20px 0; border-bottom-color: #fff; background-color:#fff; color:#f50 }

.home-cate-box{ display:none; align-items:flex-start; justify-content:flex-start; padding:20px 0 0 10px; flex-wrap:wrap; width:1100px; }
    .home-cate-box.cur { display:flex; }
    .home-cate-img { margin-bottom: 40px; margin-right: 60px; }
    .home-cate-img a { text-decoration: none; }
    .home-cate-img img { display: block; width: 200px; height: 60px; margin-bottom:20px; }
    .home-cate-img div { text-align:center; font-size:14px; color:#333;}

    .page-main { width: 1000px; margin: 0 auto; min-height: 600px; }

.page-panel{ display:flex; width:100%; padding-top:10px; }
    .page-panel .page-name { border-bottom:1px solid #ddd; margin-bottom:20px; }
        .page-panel .page-name h2{ display:inline-block; height:36px; line-height:36px; font-size:14px; color:#222; padding:0 20px; margin:0 0 -1px 10px; border:1px solid #ddd; border-bottom-color:#fff; background-color:#fff; }
        .page-panel-main { width: 712px; margin-right: 38px; padding-bottom:40px; }
.page-panel-sub { width:250px; }

.product-list { border-top:1px solid #ccc; margin-bottom:20px; }
.product-item{ border:1px solid #ccc; border-top:0 none; padding:20px; }
.product-box { display:flex; }
    .product-box .img { text-align:center; }
        .product-box .img img{ width:150px; height:50px; }
        .product-box .img div { text-align: center; color: #fe6d02; font-size:14px }
        .product-box .note { flex: 1; padding:0 20px; font-size:12px; line-height:25px; text-indent:2em;color:#666; }
    .product-box .view{ border-left:1px solid #ccc; padding-left:20px; display:flex; align-items:center; justify-items:center; }
    .product-box .view a{ background-color:#000; color:#fff; text-decoration:none; padding:6px 10px; }

.article-list { border-top: 1px solid #ccc; margin-bottom: 20px; }
.article-item { border: 1px solid #ccc; border-top: 0 none; padding: 20px; }
.article-box { display: flex; }
    .article-box .img { text-align: center; }
        .article-box .img img { display:block; width:auto; max-width: 150px; max-height: 150px; }
    .article-box .note { flex: 1; padding: 0 20px; }
        .article-box .note .tit { font-weight:bold; color:#000; margin-bottom:10px }
        .article-box .note .text { text-indent: 2em; font-size: 12px; line-height: 25px; color: #666; }
        .article-box .view { border-left: 1px solid #ccc; padding-left: 20px; display: flex; align-items: center; justify-items: center; }
        .article-box .view a { background-color: #000; color: #fff; text-decoration: none; padding: 6px 10px; }

.file-main { border-top: 1px solid #ccc; margin-bottom: 20px; }
    .file-item { border: 1px solid #ccc; border-top: 0 none; padding: 20px; }
        .file-box { display: flex; }
            .file-box .img { text-align: center; margin-right:20px; }
                .file-box .img img { width: 150px; height: 50px; }
                .file-box .img div { text-align: center; color: #fe6d02; font-size: 14px }

            .file-box .file-list{ border-left:1px solid #ccc; padding-left:20px; display:flex; flex-wrap:wrap; align-items:center; }
                .file-box .file-list a { display: flex; text-decoration: none; color: #000; margin-right: 20px; margin-bottom: 10px; line-height: 16px;}
                    .file-box .file-list a:hover { text-decoration:underline; color:#f50; }
                .file-box .file-list i { display:block; width: 16px; height: 16px; margin-right: 6px; background-image: url(file_icon.gif); overflow: hidden; background-position:0 0; background-repeat:no-repeat; }
                    .file-box .file-list i.rar { background-position-y: -16px; }
                    .file-box .file-list i.doc { background-position-y: -32px; }
                    .file-box .file-list i.xls { background-position-y: -48px; }

                .album-box { width: 100%; overflow: hidden; }
.album-list { display: flex; flex-wrap: wrap; width:800px; }
    .album-item { border: 1px solid #ccc; width:160px; margin-right:20px; margin-bottom:20px; color:#333; text-decoration:none }
        .album-item img{ width:160px; height:160px; border:0; display:block; }
        .album-item div{ padding:10px; text-align:center; }

        .product-detail-title { text-align: center; font-size: 18px; color: #333; }
.product-detail-date { text-align:center; font-size:12px; color:#999; }
.product-detail-body { line-height:1.8em; }

.cate-item{ margin-bottom:10px; }
    .cate-item .cate-title { background:#fff; border:1px solid #ccc; font-size:14px; color:#333; padding:6px 10px; }
    .cate-item .cate-list { padding: 10px 10px 0 10px; }
    .cate-item .cate-list a { display:inline-block; margin-right:15px; text-decoration:none; color:#333; margin-bottom:10px; }

    .search-bar { font-size: 12px; margin-bottom: 10px; padding-top: 10px }
    .search-bar b{ color:#f00; }

.feedback-main { margin-bottom:50px; }
.message-panel{ display:flex; margin-bottom:20px; }
    .message-panel .panel-info{ flex:1; }
        .message-panel .tit{ height:20px; line-height:20px; font-size:12px; color:#000;}
            .message-panel .input-box { margin-bottom:6px; }
        .message-panel .input-box input{ width:260px; }
        .message-panel .code{ display:flex; padding-top:5px; align-items:center; }
            .message-panel .code input{ width:100px; text-align:center; }
            .message-panel .code img{ cursor:pointer; margin-left:10px; border-radius:3px; }

            .message-panel .panel-msg { width: 424px; }
    .message-panel .panel-msg textarea{ width:418px; height:140px; }
.feedback-form .btns { display: flex; justify-content: center; padding-top:30px; }
    .feedback-form .btns .btn input { height:40px; line-height:40px; padding:0 60px; border:0 none; border-radius:6px; cursor:pointer; }
    .feedback-form .btns .btn-submit input { margin-right: 100px; border: 1px solid #09f; background-color: #09f; color: #fff; }
        .feedback-form .btns .btn-submit input:hover { background-color:#f50; border-color:#f50; }
        .feedback-form .btns .btn-reset input { background-color: #fff; border: 1px solid #ccc; color: #000; }
            .feedback-form .btns .btn-reset input:hover { border-color: #f50; color:#f50; }